<template>
	<view class="team">
		<view class="team-top">
			<text>团队介绍文字团队介绍文字团队介绍文字团队介绍文字团队介绍文字</text>
		</view>
		<view class="team-ul">
			<view class="team-li" v-for="(item, index) in teams"  @click="tes(item)">
				<view class="team-img">
					<image :src=" '/static/image/' + item.image + '.png' " mode=""></image>
				</view>
				<view class="team-name">
					<text>{{item.name}}</text>
				</view>
				<view class="team-tx">
					<text>{{item.text}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				teams:[
					{
						id:1,
						image:'uniapplogi',
						name:'律师名字',
						text:'律师专长|从业年限'
					},
					{
						id:2,
						image:'uniapplogi',
						name:'律师名字',
						text:'律师专长|从业年限'
					},
					{
						id:3,
						image:'uniapplogi',
						name:'律师名字',
						text:'律师专长|从业年限'
					},
					{
						id:4,
						image:'uniapplogi',
						name:'律师名字',
						text:'律师专长|从业年限'
					},
					
				]
			}
		},
		methods:{
				tes(val) {
					let url;
					switch (val.id) {
						case 1:
							url = '/pages/public/lifeexperience';
							break;
					}
					uni.navigateTo({
						url: url,
					});
				}
		}
	}
</script>

<style lang="less" scoped>
	.team {
		width: 686rpx;
		margin: 0 auto;
		margin-top: 30rpx;

		.team-top {
			width: 666rpx;
			word-wrap: break-word;
			word-break: break-all;
			overflow: hidden;
			margin: 0 auto;
			text {
				font-size: 32rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #666666;
				line-height: 48rpx;
			}
		}

		.team-ul {
			display: flex;
			flex-wrap:wrap ;
			justify-content: space-between;
			.team-li {
				width: 328rpx;
				height: 498rpx;
				text-align: center;
				margin-top: 30rpx;
				.team-img {
					image {
						width: 308rpx;
						height: 398rpx;
						border-radius: 18rpx;
					}
				}

				.team-name {
					text {
						font-size: 36rx;
						font-family: Source Han Sans CN;
						font-weight: bold;
						color: #333333;
					}
				}

				.team-tx {
					text {
						font-size: 27rpx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #666666;
					}
				}
			}
		}
	}
</style>
